*{
    margin: 0;
    padding: 0;
}
ul li{
    list-style: none;
}
img{
    display: block;
}
body{
    background-color: #F4F4F4;
    padding: 20px;
}
.hidden{
    visibility: hidden;
}
.img-auto{
    width: 100%;
    height: 100%;
}
.all{
    // border: 1px solid red;
    width: 1190px;
    margin: 0 auto;
    overflow: hidden;
    .header{
        box-sizing: border-box;
        text-align: center;
        height: 45px;
        margin-bottom: 20px;
        .img-box{
            background-image: url(https://misc.360buyimg.com/mtd/pc/index_2019/1.0.1/assets/sprite/floor_hd/sprite.png);
            width: 25px;
            height: 20px;
            overflow: hidden;
        }
        .img-box-right{
            background-image: url(https://misc.360buyimg.com/mtd/pc/index_2019/1.0.1/assets/sprite/floor_hd/sprite.png);
            background-position: right;
        }
        >div{
            display: inline-block;
            &:nth-child(2){
                width: 150px;
                height: 45px;
                font-size: 28px;
                font-weight: 700;
            }
        }
    }
    .content{
        .float-left{
            width: 290px;
            height: 370px;
            // background-color: green;
            float: left;
            margin: 0 10px 10px 0;
            &:nth-child(4n){
                margin-right: 0;
            }
            >a{
                position: relative;
                display: block;
                width: 100%;
                height: 100%;
                &::before{
                    content: '';
                    display: block;
                    position: absolute;
                    width: 100%;
                    height: 100%;
                    background-color: #fff;
                    z-index: -100;
                    opacity: 0.1;
                }
                &:hover{
                    &::before{
                        z-index: 1000;
                    }
                }
            }
        }
        .content-special{
            >div{
                >div{
                    box-sizing: border-box;
                    padding-left: 30px;
                    width: 290px;
                    height: 180px;
                    margin-bottom: 10px;
                    background-color: white;
                    >p{
                        cursor: pointer;
                        width: 100%;
                        height: 30px;
                        padding: 15px 0;
                        overflow: hidden;
                        font-size: 22px;
                        font-weight: 700;
                        color: rgb(51, 51, 51);
                        >span{
                            font-weight: normal;
                            font-size: 14px;
                            color: rgb(153, 153, 153);
                            margin-left: 5px;
                            margin-left: 5px;
                        }
                    }
                    >div{
                        font-size: 0;
                        >div{
                            position: relative;
                            cursor: pointer;
                            margin-right: 30px;
                            width: 100px;
                            height: 100px;
                            display: inline-block;
                            &::before{
                                content: '';
                                position: absolute;
                                z-index: -100;
                                display: block;
                                width: 100px;
                                height: 100px;
                                background-color: white;
                                opacity: 0.1;
                            }
                            &:hover{
                                &::before{
                                    z-index: 1000;
                                }
                            }
                        }
                    }
                }
            }
        }
    }
}